<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网易邮箱</title>
</head>

<body>
      <header>
        <h1><a href="#"><img src="file:///C|/Users/MI/Desktop/01 上机练习素材/练习1：网易邮箱登录页面/图片素材/163logo.gif" /></a></h1>
        <p>
          <a href="#">免费邮</a>
          <a href="#">企业邮</a>
          <a href="#">VIP邮箱</a>
          <a href="#">帮助</a>
      </header>
      <section>
      <!--左边-->
      <p>
        <img src="../pic/imap.jpg" />
        <ul>
          <li>163/126/yeah三大免费邮箱均默认开放</li>
          <li>全面支持iPhone/iPad及Android等系统</li>
          <li>客户端、手机与网页，实现发送、阅读邮件</li>
          立即同步普通登录手机号登录
        </ul>
      </p>
      <!--右边-->
        <form action="#" method="get">
        用户名:
        <input type="text" name="userName" />@163.com<br/>
        密码:
        <input type="password" name="pass"/><br/>
        版本：
        <select name="banben">
          <option value="moren">默认</option>
        </select><br/>
        <input type="radio" name="zidongdenglu" value="" />自动登录
        <input type="radio" name="ssl" value="" checked="checked"/>SSL<br/>
        <input type="submit" value="登录" name="submit" />
        <input type="submit" value="注册" name="submit" />
        </form>
      </section>
      <footer>
        <img src="../pic/netease_logo.gif" />
        <a href="#">关于网易</a>
        <a href="#">免费邮</a>
        <a href="#">官方博客</a>
        <a href="#">隐私政策</a>
        <a href="#">网易公司版权所有@2015-2018</a>
      </footer>
</body>
</html>